<!--
 * @Description  : 功能列
 * @Author       : zhao
 * @Date         : 2022-07-25 14:19:00
 * @LastEditors  : zhao
 * @LastEditTime : 2022-07-28 09:56:52
-->
<template>
    <div class='table_functuin'>
        <div class='table_functuin_left' v-if="zTableFunction.add">
            <add />
        </div>
        <div class='table_functuin_left' v-if="zTableFunction.modify">
            <modify />
        </div>
        <div class='table_functuin_left' v-if="zTableFunction.upload">
            <upload />
        </div>
        <div class='table_functuin_left' v-if="zTableFunction.delete">
            <deletes />
        </div>
    </div>
</template>

<script setup lang='ts'>
import add from "./compinents/add.vue"
import modify from "./compinents/modify.vue"
import upload from "./compinents/upload.vue"
import deletes from "./compinents/delete.vue"
import { ref } from 'vue'
import { useTableInfo } from '/@/stores/ztable'
const { zTableFunction } = useTableInfo()
</script>
<style lang='scss' scoped>
.table_functuin {
    display: flex;
    justify-content: flex-start;

    .table_functuin_left {
        padding-right: 20px;
    }
}
</style>